import { Component } from 'angular2/core';
import { RouteConfig, ROUTER_DIRECTIVES } from 'angular2/router';
import { HeroComponent }    from '../../bundles/hero/component';
import { DashboardComponent } from '../../bundles/dashboard/component';
import { AboutComponent } from '../../bundles/about/component';

@Component({
    templateUrl: 'app/bundles/systemGroup/tpls/component.html',
    directives: [ROUTER_DIRECTIVES],
    styles: [
        `a {
            display: block;
        }`
    ]
})
@RouteConfig([
    {
        path: '/dashboard',
        name: 'Dashboard',
        component: DashboardComponent,
        useAsDefault: true
    },  
    {
        path: '/heroes/...',
        name: 'Heroes',
        component: HeroComponent
    },
    {
        path: '/about',
        name: 'About',
        component: AboutComponent
    }
])
export class SystemGroupComponent {
    
}